.ScaleBox {
  left: 0;
  top: 0;
  z-index: 999;
  overflow: hidden;
  user-select: none;
}

.ScaleRuler_h,
.ScaleRuler_v,
.RefLine_v,
.RefLine_h,
.RefDot_h,
.RefDot_v {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 999;
}

.ScaleRuler_h {
  width: 100%;
  height: 18px;
  left: 18px;
  background: url() repeat-x;
}

.ScaleRuler_v {
  width: 18px;
  height: 100%;
  top: 18px;
  background: url() repeat-y;
}

.ScaleRuler_v .n,
.ScaleRuler_h .n {
  position: absolute;
  font: 10px/1 Arial, sans-serif;
  color: #333;
  cursor: default;
}

.ScaleRuler_v .n {
  width: 8px;
  left: 3px;
  word-wrap: break-word;
}

.ScaleRuler_h .n {
  top: 1px;
}

.RefLine_v,
.RefLine_h,
.RefDot_h,
.RefDot_v {
  z-index: 998;
}

.RefLine_h {
  width: 100%;
  height: 3px;
  background: url() repeat-x left center;
  cursor: n-resize;
}

.RefLine_v {
  width: 3px;
  height: 100%;
  background: url() repeat-y center top;
  cursor: w-resize;
}

.RefDot_h {
  width: 100%;
  height: 3px;
  background: url() repeat-x left 1px;
  cursor: n-resize;
  top: -10px;
  overflow: visible;
}

.RefDot_v {
  width: 3px;
  height: 100%;
  background: url() repeat-y 1px top;
  cursor: w-resize;
  left: -10px;
  overflow: visible;
}

.RefDot_h>span,
.RefDot_v>span {
  position: absolute;
  font-size: 12px;
  color: rgb(86, 96, 123);
}

.RefDot_h>span {
  top: -16px;
  left: 50px;
}

.RefDot_v>span {
  top: 50px;
  left: 2px;
}

#contentRule {
  position: absolute;
  width: 100%;
  height: 100%;
}